/* Write your styles */

body,a,p,span{font-size: 14px;color: #333;
    font-family: "微软雅黑","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;!important
}

ul{padding: 0;}

img{max-width: 100%;}

.float_layer { width: 350px; border: 1px solid #aaaaaa; display:none; background: #000; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(../images/title_bg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }

.float_layer .min { width: 21px; height: 20px; background: url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(../images/min.gif) no-repeat 0 0; }

.float_layer .max { width: 21px; height: 20px; background: url(../images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(../images/max.gif) no-repeat 0 0; }

.float_layer .close { width: 21px; height: 20px; background: url(../images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(../images/close.gif) no-repeat 0 0; }

.float_layer .content { height: 330px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666;  }
.float_layer .wrap { padding: 10px; }



.jiam{font-size: 3rem;padding: 10px;font-weight: 800;color: #ff0000;}

.am-margin-top-lg{margin-top: 2.4em!important;}

.web{display: none;}

.am-img{width: 100%;}

.am-parent_img img{width: 100%;}

.am-g-fixed{max-width: 1206px;}

.header{height: 75px;line-height: 75px;}

.header .logo {padding-left: 60px;}

.header .logo img{height: 60px;}

.header .nav a{font-size: 16px;color: #030303;}

.header .nav a:hover{color: #f8b500;}

.header .nav a.active{color: #f8b500;}

.banner .am-viewport{width: 100% !important;}

.banner .am-slider-default .am-control-nav{bottom: 23px;}

.banner .am-slider-default .am-control-nav li a{width: 15px;height: 15px;}

.banner .am-slider-default .am-control-nav li a.am-active{background: #fff;}

.banner .am-slider-default .am-direction-nav a{background: url(../images/jiantou.png) no-repeat;}

.banner .am-slider-default .am-direction-nav a.am-next{background: url(../images/jiantou.png) no-repeat -66px 0;}

.banner .am-slider-default .am-direction-nav a::before{display: none;}

.banner .am-slider-default{margin: 0 0 15px;}

.product ul li {padding: 3px;}

.product ul li a{display: block;position: relative;}

.product ul li a .img2{position: absolute;top: 0;left: 0;display: none;}

.product ul li a .img3{position: absolute;top: 0;left: 0;}

.product ul li a .text{position: absolute;bottom: 15px; left: 15px;font-size: 22px;color: #fff;font-weight: 700;}
.product ul li a:hover .text{color: #0752B7;}
.product ul li a:hover .img2{display: block;}

.introduction{padding: 3px;margin-top: 15px;}

.introduction img:hover{opacity: 0.7;}

.introduction h1{color: #202020;font-size: 40px;margin-top: 20px;margin-bottom: 0;padding: 0 30px;}

.introduction h2{color: #757575;font-size: 16px;font-weight: 100;line-height: 35px;padding: 0 30px;}

.introduction .more{text-align: right;padding: 0 30px;}

.introduction .more a{color: #000;font-size: 14px;border:1px #f8b500 solid;padding: 5px 15px;display: inline-block;margin-top: 10px;}

.introduction .more a:hover{background: #e50100;color: #fff;}

.introduction ul {margin: 0;padding: 0 30px;}

.introduction ul li {margin-top: 10px;list-style: none;padding-left: 40px;}

.introduction ul li:nth-child(1){background: url(../images/i-img1.jpg) no-repeat left top;}

.introduction ul li:nth-child(2){background: url(../images/i-img1.jpg) no-repeat left top;}

.introduction ul li:nth-child(3){background: url(../images/i-img2.jpg) no-repeat left top;}

.introduction ul li .title{color: #e50100;font-size: 16px;font-weight: 700;}

.introduction ul li .desc{color: #767676;}

.footer .footer_menu{margin-top: 70px;background: #f4f4f4;padding: 20px 0;}

.footer .footer_menu .am-g-fixed{max-width: 1200px !important;}

.footer .footer_menu li{border-right: 1px #e2e2e2 solid;padding-left: 50px;}

.footer .footer_menu li:last-child{border-right:0;}

.footer .footer_menu li h1{font-weight: 700;font-size: 16px;color: #e60012;margin-bottom: 10px;}

.footer .footer_menu li a{color: #5e5d5d;font-size: 16px;display: block;line-height: 25px;}

.footer .footer_menu li img{margin-top: 10px;width: 100%;}

.footer .footer_menu li a.icon{display: inline-block;float: right;margin: 20px 5px 5px 5px;font-size: 15px;color: #fff;background: #555555;border-radius: 50%;height: 25px;width: 25px;text-align: center;line-height: 25px;}

.footer .footer_menu li a.contact{color: #000;border:1px #ff0000 solid;padding: 3px 15px;display: inline-block;margin-top: 10px;}

.footer .footer_menu li a.contact:hover{background: #f00;color: #fff;}

.footer .copy.pc{background: #d6d3d3;height: 80px;line-height: 80px;}

.footer .copy.pc span{color: #000;padding-left: 20px;}

.footer .copy.web{background: #d6d3d3;padding: 20px;}

.footer .copy.web img{width: 100%;}

.footer .copy.web span{color: #000;padding-left: 20px;font-size: 12px;display: block;text-align: left;line-height: 22px;}





/*产品列表*/

.product_list{padding:0 3px;}

.product_list ul.one-level {margin:0 -8px;}

.product_list ul.one-level li{padding: 8px;}

.product_list ul.one-level li a{color: #fff;font-size: 22px;background: #080808;padding: 10px 0;display: block;text-align: center;}

.product_list ul.one-level li a.active{color: #000;background: #f8b500;}

.product_list ul.one-level li a:hover{color: #000;background: #f8b500;}



.product_list ul.two-level {margin:0 -11px;}

.product_list ul.two-level li{padding: 11px;}

.product_list ul.two-level li a{color: #4b4b4b;font-size: 14px;background: #cecfd1;padding: 7px 0;display: block;text-align: center;border-radius:10px;}

.product_list ul.two-level li a.active{color: #000;background: #f8b500;}

.product_list ul.two-level li a:hover{color: #000;background: #f8b500;}



.product_list ul.three-level {margin:20px -11px;}

.product_list ul.three-level li{padding: 11px;}

.product_list ul.three-level li a{color: #4b4b4b;font-size: 14px;background: #cecfd1;padding: 7px;display: block;text-align: center;border-radius:10px;}

.product_list ul.three-level li a img{border-radius:10px;}

.product_list ul.three-level li a .title{color: #333;font-size: 16px;font-weight: 700;margin-bottom: 5px;}

.product_list ul.three-level li a.active{color: #000;background: #f8b500;}

.product_list ul.three-level li a:hover{color: #000;background: #f8b500;}



.product_cate{padding: 0 3px;margin-top: 40px;}

.product_cate ul{border:1px #eeeeee solid;border-bottom:0;border-left:0;}

.product_cate ul li{border:1px #eeeeee solid;border-top:0;border-right:0;padding: 25px;}

.product_cate ul li .name{color: #000;font-size: 22px;font-weight: 700;}

.product_cate ul li .sub_name{color: #050505;font-size: 16px;}

.product_cate ul li .desc{color: #5e5e5e;font-size: 16px;margin-top: 10px;line-height: 30px;}

.product_cate ul li a.more {color: #fff;background: #f8b500;font-size: 14px;margin-top: 20px;display: inline-block;padding: 5px 15px;}

.product_cate ul li:hover{box-shadow: 2px 2px 5px #ddd;}

.product_cate ul li a.more:hover{background: #f00;}







/*品牌*/

.brand{padding: 0 3px;margin-top: 15px;}

.brand ul {margin: 0px 15px;}

.brand ul li {;transition:0.5s;}

.brand ul li a h1{margin: 10px 0;font-size: 24px;color: #E60012;}

.brand ul li a .desc{font-size: 18px;color: #202020;}
.brand ul li a .more{    display: inline-block;
    border: 1px #ddd solid;
    padding: 7px 25px;
    margin-top: 20px;color: #333;}
.brand ul li a:hover .more{background: #E60012;color: #fff;}

.gery_bg{opacity: 0.5;}

.gery_bg img{-webkit-filter: grayscale(100%);}





/*里程*/

.mileage{padding: 0 3px;margin-top: 15px;}

.mileage h1.name{color: #000;font-size: 30px;}

.mileage .name_desc{color: #202020;font-size: 16px;}

.mileage .title{margin-top: 20px;color: #f00;font-size: 22px;}

.mileage .title_desc{color: #202020;font-size: 16px;margin-top: 10px;}

.mileage p{margin: 0;line-height: 30px;}





/*政策*/

.policy{padding: 0 3px;margin-top: 15px;}

.policy h1.name{color: #000;font-size: 30px;background: url(../images/xian.png) no-repeat bottom left;    padding-bottom: 6px; }

.policy h1.name span{font-weight: 100;font-size: 30px;color: #000;}

.policy p{margin: 0;line-height: 30px;}

.policy.bg{background: url(../images/policybg.jpg) no-repeat;background-size: 100% 100%;}









/*新闻*/

.news{padding:0 3px;margin-top: 40px;}

.news .news_cate ul {text-align: center;}

.news .news_cate ul li{display: inline-block;margin: 0 10px;}

.news .news_cate ul li a{color: #fff;font-size: 22px;background: #080808;padding: 5px 20px;display: block;text-align: center;}

.news .news_cate ul li a.active{color: #000;background: #f8b500;}

.news .news_cate ul li a:hover{color: #000;background: #f8b500;}

.news .news_list ul {padding: 0 25px;}

.news .news_list ul li{padding:25px 25px 0 25px;}

.news .news_list ul li .date{color: #5e5e5e;font-size: 18px;margin-bottom: 5px;padding: 0 10px;}

.news .news_list ul li .title{color: #131313;font-size: 18px;margin-top: 5px;padding: 0 10px;}

.news .news_list ul li:hover .date{color: #f00;}

.news .news_list ul li:hover .title{color: #f00;}

.news .news_list ul li:hover img{opacity: 0.7}



.news_content {padding: 3px;margin-top: 40px;margin-bottom: -73px;}

.news_content h1.title {text-align: center;}

.news_content h1.title span{color: #000;font-size: 24px;font-weight: 700;text-align: center;position: relative;min-width: 200px;display: inline-block;}

.news_content h1.title .date{color: #5e5e5e;font-size: 16px;position: absolute;right: 0;bottom: -25px;font-weight: 100;}

.news_content .content{padding: 50px 0;width: 1200px;margin: 0 auto;}

.news_content .updown{padding: 34px;background: #f9f9f9;margin: 0px 3px;}

.news_content .updown a{color: #010101;font-size: 18px;margin-bottom: 10px;display: block;}

.news_content .updown .date{color: #5e5e5e;font-size: 16px;}

.news_content .updown .desc{color: #131313;font-size: 16px;}

.paging {text-align: center;}

.paging a{display: inline-block;border:1px #ddd solid;border-radius: 3px;padding: 3px 10px;}

.paging a.num-page{margin-right: 4px;}

.paging a.num-page.active-page{background: #F8B600;color: #fff;border:1px #F8B600 solid;}

.paging a:hover{background: #F8B600;color: #fff;border:1px #F8B600 solid;}





















@media screen and (max-width:1024px){

	.introduction h1{margin: 0;font-size: 36px;}

	.introduction h2{line-height: 30px;margin-top: 10px;}
	

}



@media screen and (max-width:640px){

	.pc{display: none!important;}

	.web,.phone{display: block;}

	.header{height: 50px;line-height: 50px;}

	.header .logo{padding-left: 10px;}

	.header .logo img{height: 30px;}

	.header .web_nav{padding-right: 10px;}

	.header .web_nav button{color: #fff;background-color: #f8b500;border-color: #f8b500;}

	.header .web_nav .am-offcanvas-content{padding: 20px;}

	.header .web_nav .am-offcanvas-content a{display: block;height: 40px;line-height: 40px;border-bottom: 1px #ddd dashed;text-align: left}

	.am-slider-default{margin-bottom: 0;}

	.am-slider-default .am-control-nav{bottom: 9px;}

	.bannertel{font-size: 16px;color: #211800;text-align: center;background: #f8b500;line-height: 47px;}

	.bannertel span{font-size: 30px;color: #211800}

	.banner .am-slider-default .am-control-nav{bottom: 10px;}

	.banner .am-slider-default .am-control-nav li a{width: 10px;height: 10px;}

	.introduction h1{font-size: 20px;margin-top: 15px;padding: 3px;}
x
	.introduction h2{font-size: 20px;margin-top: 15px;padding: 3px;font-size: 12px;margin-bottom: 0;color: #333;font-size: 14px;}

	.introduction ul{padding: 3px;}

	.introduction ul li .title{font-size: 14px;}

	.introduction ul li .desc{font-size: 12px;}

	.introduction .more{margin-bottom: 15px;}

	.introduction .more a{font-size: 12px;}

	.am-margin-0{margin: 0 !important;}

	.footer .footer_menu{margin-top: 20px;}

	.footer .footer_menu li{text-align: center;padding-left: 0;}

	.footer .footer_menu li:last-child{display: none;}

	.product_list{padding: 0;}

	.product_list ul.one-level{margin: 0;}

	.product_list ul.two-level{margin:10px 0 0 0;}

	.product_list ul.three-level{margin:10px 0 0 0;}

	.product_list ul.three-level li a{padding: 3px;}

	.product_list ul.one-level li{padding: 3px;}

	.product_list ul.three-level li{padding: 3px;}

	.product_list ul.two-level li{padding: 3px;}

	.product_list ul.one-level li a{font-size: 18px;padding: 6px;}

	.product_list ul.three-level li a .text{padding: 3px;}

	.product_list ul.three-level li a .title{font-size: 14px;}

	.product_list ul.three-level li a .parame{font-size: 12px;}

	.product_list ul.three-level li a .parame .n{display: none;}

	.product_cate{margin-top: 15px;}

	.product_cate ul li{padding: 5px;background-position-y: 13%!important;background-position-x: 98%!important;position: relative;}

	.product_cate ul li .name{font-size: 18px;}

	.product_cate ul li .sub_name{font-size: 14px;margin-top: 5px;}

	.product_cate ul li .desc{font-size: 12px;}

	.product_cate ul li a.more{font-size: 12px;position: absolute;right: 10px;bottom: 5px;}

	.product_cate ul li .desc{line-height: 28px;}

	.brand ul li{padding: 0 0 10px 0;}

	.brand ul li a h1{font-size: 18px;}

	.brand ul li a .desc{font-size: 14px;}

	.mileage .am-g{margin: 0;}

	.mileage .am-u-sm-12{padding: 0;}

	.mileage h1.name{font-size: 26px;}

	.mileage .title{font-size: 16px;}

	.policy h1.name{font-size: 26px;}

	.policy.bg{    background-size: auto 100%!important;}

	.news{margin-top: 15px;}

	.news .news_cate ul li a{font-size: 18px;}

	.news .news_list ul{padding: 0;}

	.news .news_list ul li{padding: 3px;}

	.news .news_list ul li .date{font-size: 12px;}

	.news .news_list ul li .title{font-size: 12px;}

	.news_content{margin-bottom: -24px;}

	.news_content .updown .desc{display: none;}

	.news_content h1.title span{font-size: 18px;}

	.news_content h1.title .date{display: block;position: initial}

	.news_content .content{padding: 3px;}

	.news_content .updown{padding:10px 3px;}

	.news_content .updown a{font-size: 12px;}

	.news_content .updown .date{font-size: 12px;}
.footer_menu{display: none;}
.content img{height: auto!important; max-width: 100%!important}
.content p{text-indent:0!important;}
.news_content .content{width: 100% !important;margin-bottom: 50px;}
.news .news_cate ul li{width: 30%;margin: 0 !important;}
.news .news_cate ul li a{padding: 0;}
.paging {padding-bottom: 30px;}
.wauto{width: 94% !important;}
.jiam{font-size: 2rem;padding: 10px;font-weight: 800;color: #ff0000;}
}


.russ-indexpro{padding: 15px 0;}
.russ-indexpro ul li a img{width: 70%;}
.russ-indexpro ul li a .russ-indexprotitle{display: block;font-size: 15px;padding:8px 0;}
.russ-indexprolistname a{font-size: 30px;color: #f8b500;font-weight: 800;background: url(../images/indexprobg.jpg)no-repeat center center;line-height: 75px;display: block;padding: 0;}
.russ-indexprolist{background: #ececec;padding: 0;}
.russ-indexprolist ul li a{display: block;background: #fff;margin: 8px;padding: 8px;text-align: center;}
.russ-indexprolist ul li a .russ-indexlisttitle{padding-top:12px;padding-bottom: 8px;font-size: 16px;color: #313131}
.russ-indexprolist ul li a .russ-indexprolistimg{padding-top:12px;padding-bottom: 8px;font-size: 16px;color: #313131}
.russ-indexnews{background: #ffffff;}
.russ-indexnews .russ-indexnewsname{font-size: 26px;color: #000;border-bottom: 3px solid #ff1919;text-align: center;width: 150px;margin: 8px auto;display: block;}
.russ-indexnewslist ul li a {display: block;border: 2px solid #ecebec;box-shadow: 5px 5px 5px #ecebec;border-radius: 8px;margin-bottom: 12px;}
.russ-indexnewslist ul li a .russ-indexnewslisttitle{font-size: 18px;color: #323232;padding: 5px 0;}
.russ-indexnewslist ul li a .russ-indexnewslist-columnname span{border: 1px solid #ff0000;display: block;text-align: center;border-radius: 8px;font-size: 20px;color: #ff0000;margin-bottom: 10px;margin-top: 12px;}
.russ-indexnewslist ul li a .russ-indexnewslistdata{line-height: 64px;}
.russ-indexnewslist ul li a:hover{color: #000;}
.russ-indexfooter{background: #f8b500;color: #000;line-height: 45px;font-size: 13px;text-align: center;}